<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css"
	href="http://www.ynicity.cn:80/ecity-web/pages/yunnan/login/login/css/reset.css"
	rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/home.css" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="js/jquery-easyui-1.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/rs.css">
<link rel="stylesheet" type="text/css"
	href="js/jquery-easyui-1.3/themes/icon.css">
<script type="text/javascript"
	src="js/jquery-easyui-1.3/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="js/jquery-easyui-1.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="js/jquery-easyui-1.3/locale/easyui-lang-zh_CN.js"></script>
<script>
	$(function() {
		$('#test')
				.datagrid(
						{
							title : '预约查询结果',
							height : 500,
							nowrap : true,
							autoRowHeight : false,
							striped : true,
							collapsible : false,
							url : 'reserve_data',
							sortName : 'orderid',
							sortOrder : 'desc',
							remoteSort : false,
							idField : 'orderid',
							columns : [ [
									{
										field : 'ck',
										checkbox : true
									},
									{
										title : '订单编号',
										field : 'orderid',
										width : 80,
										sortable : true
									},
									{
										field : 'user_name',
										title : '用户名称',
										width : 120
									},
									{
										field : 'user_mobileid',
										title : '用户手机号',
										width : 120
									},
									{
										field : 'status',
										title : '状态',
										width : 120,
										rowspan : 2,
										sortable : true
									},
									{
										field : 'reserve_time',
										title : '预约时间',
										width : 120,
										rowspan : 2,
										sortable : true
									},
									{
										field : 'create_time',
										title : '创建时间',
										width : 120,
										rowspan : 2,
										sortable : true
									},

									{
										field : 'opt',
										title : '操作',
										width : 100,
										align : 'center',
										rowspan : 2,
										formatter : function(value, rec) {
											return '<span style="color:red"> <a href="#">查看</a> &nbsp; <a href="#">退号</a></span>';
										}
									}

							] ],

							pagination : true,
							rownumbers : true,

							toolbar : [ {
								id : 'btncancel',
								text : '批量退号	',
								iconCls : 'icon-cancel',
								handler : function() {
									$('#btnsave').linkbutton('enable');
									alert('cut')
								}
							}, {
								id : 'btnAdd',
								text : '新增',
								iconCls : 'icon-save',
								handler : function() {
									$('#wndAdd').window({
										width : 600,
										height : 400,
										modal : true
									});
								}
							} ]
						});

		var p = $('#test').datagrid('getPager');
		$(p).pagination({
			onBeforeRefresh : function() {
				alert('before refresh');
			}
		});
	});
</script>
<title>预约管理</title>
</head>
<body>
	<div class="admin_search">
		<table>
			<tr>
				<td class="textr w80" style="width: 60px;">医院：</td>
				<td class="w180"><select class="admin-select"></select></td>
				<td class="textr w80">医生：</td>
				<td class="w180"><input type="text" class="admin-input"></td>
				<td class="textr w80">证件号：</td>
				<td><input type="text" class="admin-input"></td>
			</tr>
			<tr>
				<td class="textr">科室：</td>
				<td><select class="admin-select"></select></td>
				<td class="textr">申请人：</td>
				<td><input type="text" class="admin-input"></td>
				<td class="textr">预约状态：</td>
				<td><select class="admin-select">
				</select></td>
			</tr>
			<tr>
				<td class="textr">职称：</td>
				<td><select class="admin-select"></select></td>
				<td class="textr">申请人电话：</td>
				<td><input type="text" class="admin-input"></td>
				<td class="textr">预约时间：</td>
				<td colspan="5"><input type="text" class="admin-input"
					style="width: 80px;"> &nbsp;-&nbsp; <input type="text"
					class="admin-input" style="width: 80px;"> <select
					class="admin-input" style="width: 60px;">
						<option>上午</option>
						<option>下午</option>
				</select></td>
			</tr>
		</table>
		<div style="padding-left: 320px;">
			<input type="submit" name="submit" value=" 查 询" class="admin-btn">&nbsp;<input
				type="submit" name="submit" value=" 查 询" class="admin-btn">
		</div>
	</div>
	<table id="test" width="98%" height="">
	</table>
	<div id="wndAdd" >
		<div class="admin_search mAtuo"
			style="width: 520px; background-color: #fff;">
			<table>
				<tr>
					<td class="textr w80">医院名称：</td>
					<td class="w180"><select class="admin-select"></select></td>
					<td class="textr w80">医生名称：</td>
					<td><input type="text" class="admin-input"></td>
				</tr>
				<tr>
					<td class="textr">所属科室：</td>
					<td><select class="admin-select"></select></td>
					<td class="textr">就诊时间：</td>
					<td><input type="text" class="admin-input"></td>
				</tr>
				<tr>
					<td class="textr">证件名称：</td>
					<td><select class="admin-select"></select></td>
					<td class="textr">患者姓名：</td>
					<td><input type="text" class="admin-input"></td>
				</tr>
				<tr>
					<td class="textr">科室：</td>
					<td><select class="admin-select"></select></td>
					<td class="textr">申请人：</td>
					<td><input type="text" class="admin-input"></td>
				</tr>
			</table>
			<div style="text-align: center; ">
				<input type="submit" name="submit" value=" 确 认" class="admin-btn">&nbsp;<input
					type="submit" name="submit" value=" 关 闭" class="admin-btn">
			</div>
		</div>
	</div>
</body>
</html>